<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JSX</title>
	<script src="../js/react.js"></script>
    <script src="../js/react-dom.js"></script>
    <script src="../js/browser.min.js"></script>
</head>
<body>
	<h1>JSX</h1>
	<div id="example"></div>
	<script type="text/babel">
		var names = ["flash","bisu","best"];
		ReactDOM.render(
			<div>
			{
				names.map(function(item){
					return <div>{item}</div>;
				})
			}
			</div>,
			document.querySelector("#example")
			);
	</script>
</body>
</html>